<template>
	<view class="page">
		<view class="section" v-for="(item, i) in lostInfo" :key="i">
			<view>
				<span>日期</span>
				<span>{{item.time}}</span>
			</view>
			<view>
				<span>地点</span>
				<span>{{item.place}}</span>
			</view>
			<view>
				<span>备注</span>
				<span>{{item.what}}</span>
			</view>
		</view>
	</view>
</template>

<script>
	import TInput from '../../../components/inputItem/input.vue'
	import {getPeopleClue} from '../../../network/home.js'
	import {
		offterClue
	} from '../../../network/home.js'
	export default {
		components: {
			TInput
		},
		data() {
			return {
				lostInfo: [],
			};
		},
		onLoad(options) {
			this.init(options.lost_id)
		},
		methods: {
			async init(id) {
				const result = await getPeopleClue(id)
				console.log(result)
				if (!result.flag) return;
				this.lostInfo = result.data
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		background-color: #F2F2F2;
		.section {
			padding: 10px;
			background-color: white;
			margin-bottom: 8px;
			view {
				display: flex;
				justify-content: space-between;
				margin: 5px 0;
			}
		}

	}
</style>
